import React, { useLayoutEffect, useRef } from 'react'

export default function LayoutCom() {
  //创建 ref
  let div = useRef();
  //useEffect
  // useEffect(() => {
  //   //通过 js 修改 div 的位置
  //   div.current.style.left = '500px';
  // }, [])

  //useLayoutEffect
  useLayoutEffect(() => {
    //通过 js 修改 div 的位置
    div.current.style.left = '500px';
  }, [])

  return (
    <div ref={div} style={{width: 300, height: 200, background:'#c45', position: 'absolute', left: 0}}></div>
  )
}
